.menu{
	display: flex;
	justify-content: space-between;
	background: #fff;
}
.menu>div{
	width: 25%;
}
.menu>div i{
	display: flex;
	justify-content: center;
	padding: 0.5rem 0;
}
.menu>div i img{
	width: 3rem;
	height:3rem;
}
.menu>div p{
	display: flex;
	justify-content: center;
	margin:0;
	padding-bottom: .3rem;
	font-size: 13px;
}
.agent_top{
	display: flex;
	justify-content: center;
}
 .agent_top i{
	display: flex;
	align-items: center;
	justify-content: center;
	height:3rem;
}
 .agent_top i img{
	width: 1.3rem;
	height:auto;
}
.agent_top span{
	display: flex;
	align-items: center;
	justify-content: center;
	height:3rem;
	margin-left:0.3rem;
	color:#A40000;
}
.agent_detail{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 3%;
}
.agent_detail>div{
	width: 48.5%;
	background: #fff;
	/* height:8rem; */
    margin-bottom: .7rem;
}
.agent_detail>div:nth-of-type(odd){
	margin-right: 1.5%;
}
.agent_detail>div:nth-of-type(even){
	margin-left: 1.5%;
}
.agent_detail>div i{
	display: inline-block;
	width: 100%;
}
.agent_detail>div i img{
	width: 100%;
	height:auto;
}
.agent_detail>div .detail p{
	font-size: 12px;
	padding: 0 3%;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; 
    -webkit-box-orient: vertical;
}
.agent_detail>div .detail>div {
	padding: 0 3% .5rem 3%;
	display: flex;
	justify-content: space-between;
}
.agent_detail>div .detail>div span{
	color:#FF0000;
	font-size: 12px;
}
.agent_detail>div .detail>div button{
	height:1.2rem;
	padding: 0;
	background: transparent;
	font-size: 12px;
	width: 4.5rem;
	border-color:#FF0000;
	color:#FF0000;
	border-radius: .8rem;
}
.ids{
	padding: 0 3%;
	margin-bottom: 6.5rem;
}
.ids i{
	display: inline-block;
	overflow: hidden;
	width: 100%;
	height:0;
	padding-bottom: 38.03%;
}
.ids i img{
	width: 100%;
}